<template>
  <div> 
     <el-collapse v-model="activeNames">
            <el-collapse-item title="操作提示" style="border:1px dashed #4685FD;padding:10px 10px 0 10px" name="1">
                <ul style="padding-left:20px;line-height:25px">
                    <li>会员等级按照会员的成长值进行自动升级，请谨慎设置会员等级。</li>
                    <li>平台或者商家可以根据会员等级设置相应的活动优惠。</li>
                </ul>
            </el-collapse-item>
        </el-collapse>
        
        <common-form
        :form-infos="formInfos"
        :form-attrs="{ 'label-width': 'auto', size: 'small' }"
        @submit="onSubmit"
        style="marginTop:20px"
      />
  </div>
</template>

<script>
import {defineComponent,shallowReactive, ref, reactive, toRef, toRefs, computed, watch, watchEffect, onMounted} from 'vue'

export default defineComponent({
    name:'MemberAgreement',
    
    setup(props, context) {
        const activeNames =["1"]

        const formInfos = shallowReactive([
          {
            id: 0,
            name: "CommonInput",
            prop: "username",
            value: "",
            formItemAttrs: {
              label: "协议",
            },
            inputAttrs: {
              type: "text",
              placeholder: "合作协议",
              inputStyle:{
                width:'200px'
              }
            },
          },
          {
            id: 1,
            name: "CommonEditor",
            prop: "editor",
            value: "",
            formItemAttrs: {
              label: "富文本",
            },
          },
        ])


        return{
            activeNames,
            formInfos
        }
    }
})
</script>
<style scoped>

</style>